<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径:
    1.相对路径:一般访问站内资源时使用
        - 图片和页面在同一目录: 直接写图片名
        - 图片在页面的上级目录: ../图片名
        - 图片在页面的下级目录: 文件夹名/图片名
    2.绝对路径:一般访问站外资源,图片盗链,有找不到图片的风险

    alt: 当图片不能正常显示时会显示的文本
    title: 图片标题,鼠标在图片上悬停时显示的文本

    width/height 两种赋值方式: 1.像素 2.上级元素的百分比
    只设置宽度/高度时,高度/宽度也会等比例缩放
    -->
<img src="aa.jpg" alt="这是哆啦A梦">
<img src="../b.jpg" width="200px" title="这是标题" alt="">
<img src="../b.jpg" width="10%" title="这是标题" alt="">
<img src="abc/c.jpg" alt="">
<img src="https://img14.360buyimg.com/n1/s450x450_jfs/t1/223850/31/14455/20834/63191800E303a21e8/f99edecca19f7f3b.jpg.avif" alt="">
</body>
</html>